selectflatformId()
loadcategoryLevel()

/**
 * 加载所属平台信息
 */
function selectflatformId(){
    var sel = $("#fid").val()
    $.ajax({
        url:"/dictionary/type",
        data: {typeName:"所属平台"},
        success:function (data){
            var options = "";
            data.forEach(function (dictionary){
                if (dictionary.valueId == sel){
                    options += "<option value='"+dictionary.valueId+"' selected>"+dictionary.valueName+"</option>"

                }else{
                    options += "<option value='"+dictionary.valueId+"'>"+dictionary.valueName+"</option>"

                }

            })
            $("#flatformId").append(options)
        },
        error:function (data){
            alert("加载所属平台列表失败！")
        }
    })
}

/**
 * 异步加载分类信息的回显
 */
function loadcategoryLevel (){
    loadCategoryInfo("categoryLevel1",null,"cl1")
    var cl1Value = $("#cl1").val()
    loadCategoryInfo("categoryLevel2",cl1Value,"cl2");
    var cl2Value = $("#cl2").val()
    loadCategoryInfo("categoryLevel3",cl2Value,"cl3");
}


/**
 * 异步加载分类信息
 */


//当一级分类发生改变时加载二级分类信息
$("#categoryLevel1").change(function (){
    var selId = $("#cl1").val()
    console.log(selId)
    //获取一级分类value值
    var parentId = $(this).val();

    //清空二级和三级分类信息
    $("#categoryLevel2 option:gt(0)").remove();
    $("#categoryLevel3 option:gt(0)").remove();

    //加载二级分类信息
    loadCategoryInfo("categoryLevel2",parentId);
})
//当二级分类发生改变时加载三级分类信息
$("#categoryLevel2").change(function (){
    //获取一级分类value值
    var parentId = $(this).val();

    //清空三级分类信息
    $("#categoryLevel3 option:gt(0)").remove();

    //加载三级分类信息
    loadCategoryInfo("categoryLevel3",parentId);
})


/**
 * 异步加载分类信息封装方法
 *      EleId       要添加信息的下列表框ID
 *      parentId    分类信息的上一级选项的value值
 *      selId       后台传回页面的分类信息
 *      存入的标签ID（用于回显添加时所选的分类信息项）
 */
function loadCategoryInfo(EleId,parentId,selId){
    var selectId = $("#"+selId).val()
    //1.加载一级分类
    $.ajax({
        url:"/category/list",
        data:{parentId:parentId},
        success:function (data) {
            //把从后台返回的数据拼接到字符串中去
            var options = "";
            //遍历数组
            for(var i =0 ; i < data.length; i++ ){
                if (data[i].id == selectId){
                    options += "<option value='"+data[i].id+"'selected>"+data[i].categoryName+"</option>";
                }else{
                    options += "<option value='"+data[i].id+"'>"+data[i].categoryName+"</option>";
                }
            }
            //3.把拼接的字符串添加到分类的下拉列表框中
            $("#"+EleId).append(options);
        }
    })
}


/**
 * 异步上传文件操作
 * 当我们对文件上传表单添加文件后，触发这个事件
 * 功能实现流程是什么样的呢？
 *      页面
 *          1.把表单设置成post提交
 *          2.enctype属性的值写成multipart/form-data
 *          3.使用jquery。form。js文件中的ajaxSubmit函数提交表单
 *       后台
 *          1.引入文件上传的依赖
 *          2.配置文件上传解析器
 *          3.编写控制器，在控制器的参数上面使用multipartFile对象接收页面传递的文件项
 *          4.multipartFile获取上传的文件名、文件本身等等
 */
$("#attach").change(function (){

    //发送文件上传异步请求  目前只提交文件上传项，其他的表单项中就算有值也不处理
    $("#updateForm").ajaxSubmit({ //使用一步的方式去提交这个表单
        url:"/appinfo/ajaxFileUpload",
        success:function (data){
            if (data.code == 200){
                $("#logoImg").attr("src",data.filePath);//图片回显
                //存储异步上传文件的路径到页面
                $("#logoPicPath").val(data.filePath);
            }else {
                $("#logoImg").attr("src","");//图片回显
                $("#fileSpan").html(data.msg).css("color","red");
            }
        }

    })
})